const { Row, Col,QueueAnim } = antd;
const Admin = React.createClass({
    getInitialState(){
        return({
            main_show: false
        });
    },
    componentDidMount(){
        setTimeout(function(){this.setState({main_show: true})}.bind(this),300);
    },
    render(){
        return(
            <div className="admin-main-content">
                <Row>
                    <Col span="3">
                        <QueueAnim type="left">
                            {typeof Admin_sidebar!='undefined'? <Admin_sidebar key="sidebar" /> : null}
                        </QueueAnim>
                        </Col>
                    {this.state.main_show ? [
                        <Col span="21">
                            <QueueAnim type="bottom" leaveReverse>
                                <Row key="breadcrumb">
                                    <Col className="breadcrumb" span="24">{typeof Top_breadcrumb!='undefined'? <Top_breadcrumb/> : null}</Col>
                                </Row>
                                <Row key="main">
                                    {typeof Admin_main!='undefined'? <Admin_main/> : null}
                                </Row>
                            </QueueAnim>
                        </Col>
                    ]: null}
                </Row>
            </div>
        );
    }
});

ReactDOM.render(
    <Admin/>,
    document.getElementById('admin-main-content')
);